@charset "utf-8";
/* webrx CSS Document */

/*通配css样式*/
*{margin:0px;padding:0px;}
body{font-size:12px; font-family:"微软雅黑"; color:#838181; line-height:20px; background:#fff;}
a:link{ color:#838181; text-decoration:none;}
a:visited { color:#838181;text-decoration:none;}
a:hover { color:#00a72b; text-decoretion:none;}
.clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both; font-size:0;}
.clearfix{ zoom:1 }
.wrapper{width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr { float:right;}
ul,li { list-style:none}
img,li{vertical-align: middle; border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.bk {border:1px solid red;}
/*头部样式 开始*/
.header { background:#000; height:80px;width:100%; min-width:1200px;}
.header .logo { float:left;line-height:80px;}
.logo img {margin:0 40px 0 39px;}
.header .nav>ul>li { float:left;text-align:center;transition:all .3s;position: relative;z-index: 9999}
.header .nav>ul>li>a {font-size:14px; color:#fff;width:139px; height:80px;line-height:80px;display: block;}
.header .nav>ul>li:hover{background: #00a72b;}
.header .nav>ul>li:hover ul {display: block;}
.header .nav>ul>li ul li a:hover {background: #4ea965;/*transform: rotateX(20deg);*/ }
.header .nav>ul>li ul{position: absolute;top: 80px;left: 0px;display:none;}
.header .nav>ul>li ul li a {width:139px;height: 50px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 50px;border-top: 1px solid #666;background: #000;background: rgba(0,0,0,.6);transition:all .3s;}

/*banner样式 开始*/
.banner {width:100%;text-align:center; overflow:hidden;min-width:1200px;}
.banner img {min-width:1200px;width:100%}
/*banner样式 结束*/


/*文本部分公用样式 开始*/
.case-top {text-align:center;}
.case-top i { display:inline-block;*display:inline;*zoom:1;background:url(../images/case.png) no-repeat 0 center;width:279px; height:22px;margin-bottom:17px;vertical-align:top;}
.case-top p { font-size:20px; color:#3a424d;}


/*在线预约样式 开始*/
.case { background:#fff;padding-top:34px;position:relative;min-width:1200px;}
.case .case-top {text-align:center;}
.case .case-top i { display:inline-block;*display:inline;*zoom:1;background:url(../images/ONLINE-BOOKING.png) no-repeat 0 center;width:250px; height:23px;margin-bottom:17px;vertical-align:top;}
.case .line {width:100%;min-width:1200px;}
.case .line-long {height:1px;background:#dedfe0; position:absolute;top:112px; left:0px;width:100%;*top:110px;}
.case .line-shirt { position:absolute;top:110px; left:50%;width:27px;background:#00a72b;margin-left:-13.5px;height:3px;*top:108px;}
.case .wrapper .breadcrumb{font-size: 14px; text-align: right; padding: 50px 0;*padding-top: 0;}

.online .wrapper-1{width: 1000px; margin: 0 auto; padding-bottom: 34px;}
.online .wrapper-1 p{display:inline-block; *display: inline;*zoom:1;}
.online .wrapper-1 {color: #3a424d;}
.online .wrapper-1 .title{width:150px; height: 30px; font-size: 28px; text-align: center;line-height: 28px; border-left: 3px solid #00a72b;color: #00a72b; margin-bottom:35px;}
.online .wrapper-1 select{width: 120px; height: 30px; color: #8e8e8e;}
.online .wrapper-1{padding-left: 134px;}

/*left*/
.online .wrapper-1 input{width: 190px; height: 30px; color: #8e8e8e; padding-left: 10px;}
.online .wrapper-1 .left{ float:left;}
.online .wrapper-1 .left-1{padding: 0 0 20px 0 ;}
.online .wrapper-1 .left-2{padding: 0 0 20px 0 ;}
.online .wrapper-1 .left-3{padding: 0 0 20px 0 ;}
.online .wrapper-1 .left-4{padding: 0 0 20px 0 ;}
.online .wrapper-1 .left-4 p{padding-left: 6px;}
/*right*/
.online .wrapper-1 .right{ float:left;padding-left:210px;padding-right:63px;}
.online .wrapper-1 .right-1{padding: 0 0 20px 18px ;}
.online .wrapper-1 .right-2{padding: 0 0 20px 0 ;}
.online .wrapper-1 .right-3{padding: 0 0 20px 0 ;}
.online .wrapper-1 .right-4 p{float: left; padding-left: 4px;}
.online .wrapper-1 .right-4 textarea{width: 360px;height: 100px; margin: 0 0 0 5px; padding: 10px;}
.online .wrapper-1 .right-4 textarea .placeholder{padding: 10px 0 0 0;}
.online .wrapper-1 i{display:inline-block; *display: inline;*zoom:1;margin:0 2px 3px 0; width:4px; height: 4px; border-radius: 2px;background: #00a72b;}

/*submit*/
.online .submit{width: 200px; height: 50px;background:#00a72b;margin: 0 auto; font-size:26px;color: #fff;text-align: center;line-height: 50px; border-radius: 3px;}


/*底部导航样式  开始*/
.footer { background:#3a424d;width: 100%;height:436px;position: relative;padding-top:42px;margin-top:41px;}
.footer ul.pic{font-size:0;margin-left:58px;}
.footer ul.pic li{display: inline-block;*display:inline;*zoom:1;margin-right:147px;z-index:99999px;position:relative;}
.footer ul.pic li img {display: block;}
.footer ul.pic li .picupdown {height: 65px;overflow: hidden;transition:all .3s;}
.footer ul.pic li:hover .picupdown .picup,.footer ul.pic li:hover .picupdown .picover{transform:translate(0,-66px);}
.footer ul.pic li a{display: block;}
.footer ul.pic li a.pic01right {width:76px;height:60px;background:url(../images/about-q.png) no-repeat;display: block; margin:3px 0 0 32px ;}

.footer ul.pic li a.footer-pic02 {width:45px;height:54px;background:url(../images//about-Brand.png) no-repeat;display: block;transition:all .5s }
.footer ul.pic li a.pic02right {width:76px;height:54px;background:url(../images/about-b.png) no-repeat;display: block; margin:3px 0 0 32px ;}
.footer ul.pic li a.pic03right {width:76px;height:55px;background:url(../images/about-d.png) no-repeat;display: block; margin:3px 0 0 32px ;}


.footer ul.pic li a.pic04right {width:76px;height:54px;background:url(../images/about-s.png) no-repeat;display: block; margin:3px 0 0 32px ;}
.footer .footer-pic .service  {margin-right:0;}
.footer .line-long {height:1px;background:#5b616a; position:absolute;top:129px; left:0px;width:100%;z-index:-99999px;}
.footer .footer-left{float:left;}
.footer .footer-left .left01 {width:430px;padding: 81px 0 17px 0;border-bottom: 1px solid #5b616a;margin-bottom: 16px;}
.footer .footer-left .left01 h3 {font-size: 20px;color: #d8d9db;margin-bottom:20px;}
.footer .footer-left .left01 p {font-size: 12px;color:#d8d9db;line-height: 28px;}
.footer .footer-left .left02 p.contact {font-size: 12px;color:#d8d9db;width: 115px;float: left;margin-top: 18px;}
.footer .footer-left .left02 p.icon {float: left;width:250px;margin-left: 11px;}
.footer .footer-left .left02 p.icon a:nth-child(1){position:relative;width: 50px;height: 50px;display: inline-block;*display: inline;*zoom:1;}
.footer .footer-left .left02 p.icon a:nth-child(1):after{content:"";background: url(../images/weibo222.png) no-repeat;width: 50px;height: 0px; position: absolute;top:50%;bottom: 50%;;z-index: 9999;display: block;transition: all .5s;background-position: center center;}
.footer .footer-left .left02 p.icon a:nth-child(1):hover:after{;height: 50px;top: 0;bottom:0;}
.footer .footer-left .left02 p.icon a.icon02{position:relative;width: 49px;height: 49px;display: inline-block;*display: inline;*zoom:1;}
.footer .footer-left .left02 p.icon a.icon02:after{content:"";background: url(../images/weixin002.png) no-repeat;width: 49px;height: 0px; position: absolute;top:50%;bottom: 50%;z-index: 9999;display: block;transition: all .5s;background-position: center center;}
.footer .footer-left .left02 p.icon a.icon02:hover:after{height: 49px;top: 0;bottom:0;}
.footer .footer-left .left02 p a.icon02 {margin-left: 23px;}
.footer .footer-middle-line {width:1px;height:139px;background:#5b616a;float:left;margin:0 47px;margin-top:99px;}
.footer .footer-middle { width:258px;margin-top:73px;float:left;}
.footer .footer-middle .footer-m-l ul  { font-size:12px; color:#d8d9db;}
.footer .footer-middle .footer-m-l ul a { font-size:12px; color:#d8d9db;cursor:pointer;}
.footer .footer-middle .footer-m-l ul a:hover {color:#00a72b;}
.footer .footer-middle .footer-m-l { width:258px;}
.footer .footer-middle .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
.footer .footer-middle .footer-m-l ul li span { float:right;*margin-top:-35px;}
.footer .footer-middle .footer-m-l p { font-size:20px;color:#d8d9db;margin-bottom:21px;}
.footer .footer-right-line {width:1px;height:139px;background:#5b616a;float:left;margin:0 47px;margin-top:99px;}
.footer .footer-right-01 { width:136px;margin-top:73px;float:left;}
.footer .footer-right-01 .footer-m-l p { font-size:20px;color:#d8d9db;margin-bottom:21px;}
.footer .footer-right-01 .footer-m-l ul a { font-size:12px; color:#d8d9db;cursor:pointer;}
.footer .footer-right-01 .footer-m-l ul a:hover {color:#00a72b;}
.footer .footer-right-01 .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
.footer .footer-right-01 .footer-m-l ul li span { float:right;background:url(../images/arrow.png) no-repeat;width:13px;height:7px;margin-top:6px;*margin-top:-28px;}
.footer .footer-right-02 { width:136px;float:right;margin-top:113px;}
.footer .footer-right-02 ul li a { font-size:12px;color:#d8d9db;;}
.footer .footer-right-02 ul li a:hover { color:#00a72b;}
.footer .footer-right-02 .footer-m-l ul li span { float:right;background:url(../images/arrow.png) no-repeat;width:13px;height:7px;margin-top:6px;*margin-top:-28px;}
.footer .footer-right-02 .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}



